<template>
  <view>
 <!--   <view class="following-header">
      <text class="following-title">我的关注</text>
    </view> -->
    <view class="following-list">
      <view v-for="(item, index) in followingList" :key="index" class="following-item" @click="toIntersttus">
        <image :src="item.avatar" class="following-avatar"></image>
        <view class="following-info">
          <text class="following-name">{{ item.name }}</text>
          <text class="following-intro">{{ item.intro }}</text>
        </view>
        <view class="following-btn">取消关注</view>
      </view>
	  <!-- <image src="../../../static/icon/name.jpg" mode=""></image> -->
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      followingList: [
		  
        {
          name: '小意',
          avatar: '../../../static/icon/name.jpg',
          intro: '云想衣裳花想容'
        },
        {
          name: '小若',
          avatar: '../../../static/icon/nameone.jpg',
          intro: '春风扶槛露华浓'
        },
        // {
        //   name: '王五',
        //   avatar: '../../../static/icon/name.jpg',
        //   intro: '这是王五的简介'
        // },
      ]
    }
  },
  methods:{
	  toIntersttus(){
		  uni.navigateTo({
		    url: '/pages/mine/interest/instereststtus'
		  })
	  }
  }
}
</script>
<style scoped>
.following-header {
  height: 60rpx;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.following-title {
  font-size: 30rpx;
}
.following-list {
  margin-top: 20rpx;
}
.following-item {
  display: flex;
  align-items: center;
  padding: 20rpx;
  background-color: #ffffff;
  border-bottom: 1rpx solid #eeeeee;
}
.following-avatar {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  margin-right: 20rpx;
}
.following-info {
  flex: 1;
}
.following-name {
  font-size: 28rpx;
  color: #333333;
}
.following-intro {
  font-size: 26rpx;
  color: #999999;
  margin-top: 10rpx;
  margin-left: 20px;
}
.following-btn {
  background-color: skyblue;
  padding: 10rpx 20rpx;
  border-radius: 20rpx;
  font-size: 26rpx;
  color: red;
  
}
</style>